<div th:fragment="piliangshoukuan">
<div id="piliangshoukuanModal" style="" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-keyboard="false">
    <div class="modal-dialog modal-md" style="width:1000px;" id="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="piliangModalLabel"></h4>
            </div>
            <div class="modal-body" style="overflow: auto;" id="myModalBody">

                <form class="form-horizontal m"  >

                    <table class="table table-hover table-primary table-striped">
                        <thead>
                        <tr>
                            <th style="text-align: center; vertical-align: middle;">序号</th>
                            <th style="text-align: center; vertical-align: middle;">退款单位</th>
                            <th style="text-align: center; vertical-align: middle;">退款总金额</th>
                            <th style="text-align: center; vertical-align: middle;">退款滞留金额</th>
                            <th style="text-align: center; vertical-align: middle;">退款待发金额</th>
                            <th style="text-align: center; vertical-align: middle;">退款说明</th>
                            <th style="text-align: center; vertical-align: middle;">退款时间</th>
                            <th style="text-align: center; vertical-align: middle;">是否收款</th>
                            <th style="text-align: center; vertical-align: middle;">收款时间</th>
                        </tr>
                        </thead>
                        <tbody>
                        <tr v-for="(piliangitem,index) in piliangshoukuanlist"  v-if="piliangshoukuanlist.length > 0">
                            <td style="vertical-align: middle; text-align: center;" v-text="index+1"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.jigoumingcheng"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.zongjine"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.zhiliu"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.daifa"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.tuituanyuanyin"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.tuikuanshijian"></td>
                            <td style="vertical-align: middle; text-align: center;" :class="piliangitem.isshoudao==1?'green':'red'" v-text="piliangitem.isshoudao==1?'已收款':'未收款'"></td>
                            <td style="vertical-align: middle; text-align: center;" v-text="piliangitem.shoudaoshijian"></td>
                        </tr>
                        <tr v-if="piliangshoukuanlist.length == 0">
                            <td style="text-align: center; vertical-align: middle" colspan="5">查无数据</td>
                        </tr>
                        </tbody>
                    </table>
                </form>

            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" @click="piliangshoukuan()">收款</button>
            </div>
        </div>
    </div>
</div>
</div>